
<ion-content no-padding class="system-message">
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-list>
    <ion-item class="activity-item" *ngFor="let msg of messages" (click)="submit(msg)">

      <ion-thumbnail item-left>
        <img src="assets/images/default.png">
      </ion-thumbnail>
      <h2 class="title">{{msg.title}}</h2>
      <p ion-text color="txt-secondary" text-wrap class="desc">{{msg.subject}}</p>
      <p ion-text color="txt-tertiary" class="date">{{formatDate(msg.date)}}</p>
    </ion-item>
  </ion-list>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="canLoadMore">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="!canLoadMore&&messages.length>10"
       style="text-align: center;width: 100%;height: 60px;padding: 20px 0;color: #848484;">
    ————————别扯啦!————————
  </div>
</ion-content>
